<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>ajax快速入门</title>
</head>
<body>
<script>
    //创建核心对象 --> W3CSchool官网复制过来
    var xhttp;
    if (window.XMLHttpRequest) {
        //新版浏览器
        xhttp = new XMLHttpRequest();
    } else {
        //code for IE6 IE5（老版浏览器）
        xhttp = new ActiveXObject("Microsoft.XMLHTTP");
    }
    //发送请求
    //全路径 --> 前后端分离，部署在不同项目，不能通过相对路径访问
    xhttp.open("GET", "http://localhost:8080/Filter_Listener/ajaxServlet");
    xhttp.send();
    //获取响应  --> 就绪状态readystate发生改变时执行方法
    xhttp.onreadystatechange = function () {
        //readyState == 4 --> 请求已完成且响应已就绪
        //status == 200 -->  响应状态码"OK"
        if (this.readyState == 4 && this.status == 200) {
            //弹出接收到的内容
            alert(this.responseText);
        }
    };

</script>
</body>
</html>